<template>
  <div class="app-container">
    <el-row :gutter="20">
      <el-col :span="24" :xs="24">
        <el-card>
          <el-tabs v-model="activeTab" tab-position="left">
            <el-tab-pane label="安全设置" name="securitySetting">
              <el-card shadow="never">
                <resetPwd :user="user"/>
              </el-card>
            </el-tab-pane>
            <el-tab-pane label="账号绑定" name="otherAccountSetting">
              敬请期待
            </el-tab-pane>
            <el-tab-pane label="消息通知" name="messageNotice">
              敬请期待
            </el-tab-pane>
          </el-tabs>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import userAvatar from "./userAvatar";
import userInfo from "./userInfo";
import resetPwd from "./resetPwd";
import { getUserProfile } from "@/api/system/user";

export default {
  name: "Profile",
  components: { userAvatar, userInfo, resetPwd },
  data() {
    return {
      user: {},
      roleGroup: {},
      postGroup: {},
      activeTab: "securitySetting",
      resetPwdOpen:false,
    };
  },
  methods: {
  }
};
</script>
<style scoped="scoped">
  .security-tab-item{
    display: flex;
  }

</style>
